<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>产品分类</title>
	<link rel="stylesheet" type="text/css" href="/index/css/base.css">
	<link rel="stylesheet" type="text/css" href="/index/css/category.css">

</head>
<body>
	<header class="topBar">
		<a href="{:url('/index/index/index')}" class="icon_back"></a>
		<form>
			<input type="search" placeholder="衣服" name="">
		</form>
		<a href="#" class="icon_menu"></a>
	</header>
	<div class="category">
		<div class="cat_l">
			<ul>
                <li class=""><a href="javascript:;">热门推荐</a></li>
                <li class="now"><a href="javascript:;">潮流女装</a></li>
                <li class=""><a href="javascript:;">品牌男装</a></li>
                <li class=""><a href="javascript:;">内衣配饰</a></li>
                <li class=""><a href="javascript:;">家用电器</a></li>
                <li class=""><a href="javascript:;">电脑办公</a></li>
                <li class=""><a href="javascript:;">手机数码</a></li>
                <li class=""><a href="javascript:;">母婴频道</a></li>
                <li class=""><a href="javascript:;">图书</a></li>
                <li class=""><a href="javascript:;">家居家纺</a></li>
                <li class=""><a href="javascript:;">居家生活</a></li>
                <li class=""><a href="javascript:;">家具建材</a></li>
                <li class=""><a href="javascript:;">热门推荐</a></li>
                <li class=""><a href="javascript:;">潮流女装</a></li>
                <li class=""><a href="javascript:;">品牌男装</a></li>
                <li class=""><a href="javascript:;">内衣配饰</a></li>
                <li class=""><a href="javascript:;">家用电器</a></li>
                <li class=""><a href="javascript:;">电脑办公</a></li>
                <li class=""><a href="javascript:;">手机数码</a></li>
                <li class=""><a href="javascript:;">母婴频道</a></li>
                <li class=""><a href="javascript:;">图书</a></li>
                <li class=""><a href="javascript:;">家居家纺</a></li>
                <li class=""><a href="javascript:;">居家生活</a></li>
                <li class=""><a href="javascript:;">家具建材</a></li>
            </ul>
		</div>
		<div class="cat_r">
			<div class="cat_r_con">
				<a href="#" class="banner"><img src="/index/images/feng1.jpg"></a>
				<div class="goods_box">
					<h3>热门分类</h3>
					<ul class="clearfix">
						<li><a href="3"><img src="/index/images/cat_ban1.jpg" alt=""><p>古风美图</p></a></li>
						<li><a href="#"><img src="/index/images/cat_ban2.jpg" alt=""><p>古风美男</p></a></li>
						<li><a href="#"><img src="/index/images/cat_ban3.jpg" alt=""><p>古风美图</p></a></li>
					</ul>
					<h3>热门分类</h3>
					<ul class="clearfix">
						<li><a href="3"><img src="/index/images/cat_ban1.jpg" alt=""><p>古风美图</p></a></li>
						<li><a href="#"><img src="/index/images/cat_ban2.jpg" alt=""><p>古风美男</p></a></li>
						<li><a href="#"><img src="/index/images/cat_ban3.jpg" alt=""><p>古风美图</p></a></li>
					</ul>
					<h3>热门分类</h3>
					<ul class="clearfix">
						<li><a href="3"><img src="/index/images/cat_ban1.jpg" alt=""><p>古风美图</p></a></li>
						<li><a href="#"><img src="/index/images/cat_ban2.jpg" alt=""><p>古风美男</p></a></li>
						<li><a href="#"><img src="/index/images/cat_ban3.jpg" alt=""><p>古风美图</p></a></li>
			
					</ul>
					<h3>热门分类</h3>
					<ul class="clearfix">
						<li><a href="3"><img src="/index/images/cat_ban1.jpg" alt=""><p>古风美图</p></a></li>
						<li><a href="#"><img src="/index/images/cat_ban2.jpg" alt=""><p>古风美男</p></a></li>
						<li><a href="#"><img src="/index/images/cat_ban3.jpg" alt=""><p>古风美图</p></a></li>
					</ul>
					<h3>热门分类</h3>
					<ul class="clearfix">
						<li><a href="3"><img src="/index/images/cat_ban1.jpg" alt=""><p>古风美图</p></a></li>
						<li><a href="#"><img src="/index/images/cat_ban2.jpg" alt=""><p>古风美男</p></a></li>
						<li><a href="#"><img src="/index/images/cat_ban3.jpg" alt=""><p>古风美图</p></a></li>
					</ul>
					<h3>热门分类</h3>
					<ul class="clearfix">
						<li><a href="3"><img src="/index/images/cat_ban1.jpg" alt=""><p>古风美图</p></a></li>
						<li><a href="#"><img src="/index/images/cat_ban2.jpg" alt=""><p>古风美男</p></a></li>
						<li><a href="#"><img src="/index/images/cat_ban3.jpg" alt=""><p>古风美图</p></a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="/index/js/jquery.min.js"></script>
	<script type="text/javascript" src="/index/js/common.js"></script>
	<script type="text/javascript" src="/index/js/swipe.js"></script>
	<script type="text/javascript" src="/index/js/category.js"></script>
</body>
</html>